
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6 settings-main_background"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7 settings-main_background"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 settings-main_background"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9 settings-main_background"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="settings-main_background"><!--<![endif]-->
<head>
  <meta charset="utf-8">
  <link rel="dns-prefetch" href="http://asset.ibanquan.com">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <title>抹茶</title>
  <meta name="keywords" content="">
  <meta name="description" content="花叶">
  <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
  <link rel="shortcut icon" href="http://www.shejiye.com/uploadfile/icon/2017/0203/shejiyeiconxoefjt1tfbe.png" type="image/x-icon">
  <link href='css/base-160225.min.css?v=158' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/yhsd-iconfont-151010.css?v=158' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/yhsd-desktop-170719.min.css?v=158' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/youpage.min.css?v=158' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/main.css?v=1500982137_1511267896' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/iconfont.css?v=1500982137_1494484134' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/iconfont-1.css?v=1500982137_1494484133' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/user.css?v=1500982137_1494484140' media='screen' rel='stylesheet' type='text/css' />
  <script src='js/jquery-1.11.3.min.js?v=158' type='text/javascript'></script>
  <script src='js/jssdk-0.0.18.min.js?v=158' type='text/javascript'></script>
  <script src='js/lazyload.min.js?v=158' type='text/javascript'></script>
  
  <!-- 社交分享信息 -->



  <meta property="og:title" content="抹茶" />
  <meta property="og:description" content="花叶" />
  <meta property="og:image" content="img/s.png?v=0" />
  <script src="js/jweixin-1.2.0.js"></script>
  <script>
    if (window.wx && /micromessenger/i.test(window.navigator.userAgent)) {
      window.yhsdWxShare = {
        info: {
          title: '抹茶',
          desc: '花叶',
          link: location.href,
          imgUrl: 'https://asset.ibanquan.com/image/57acb53a02282e3f00000007/s.png?v=0',
          success: function () {},
          cancel: function () {}
        },
        setInfo: function (oInfo) {
          this.info = oInfo
        },
        init: function () {
          yhsd.ready(function () {
            $.ajax({
              url: '/api/v1/third_api/weixin_signature',
              method: 'GET',
              dataType: 'json',
              data: {
                url: location.href
              }
            }).done(function(res) {
              if (res.code === 200) {
                var fnShare = function (type) {
                  // 留给后面做特殊处理
                  return yhsdWxShare.info
                }
                wx.config({
                  debug: false,
                  appId: res.config.appid,
                  timestamp: res.config.timestamp,
                  nonceStr: res.config.noncestr,
                  signature: res.config.signature,
                  jsApiList: [
                    "onMenuShareTimeline",
                    "onMenuShareAppMessage",
                    "onMenuShareQQ",
                    "onMenuShareQZone"
                  ]
                })
                wx.ready(function () {
                  wx.onMenuShareTimeline(fnShare("timeline"))
                  wx.onMenuShareAppMessage(fnShare("frends"))
                  wx.onMenuShareQQ(fnShare("qq"))
                  wx.onMenuShareQZone(fnShare("qzone"))
                  // wx.checkJsApi({
                  //    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone'], // 需要检测的 JS 接口列表
                  //    success: function(res) {
                  //      // alert(JSON.stringify(res))
                  //      // 以键值对的形式返回，可用的 api 值 true，不可用为 false
                  //      // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                  //   }
                  // })
                })
                // wx.error(function(res){
                //   alert(JSON.stringify(res))
                //   // config 信息验证失败会执行 error 函数，如签名过期导致验证失败，具体错误信息可以打开 config 的 debug 模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
                // })
              }
            });
          });
        }
      }
      window.yhsdWxShare.init()
    }
  </script>

  <!-- End 社交分享信息 -->
  <style>
.pre-qrcode-wrap{
    cursor:pointer;
    width: 130px;
    height: 46px;
    line-height: 46px;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 50px;
    border-radius: 4px;
    background: #262626;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 15px 7px;
    padding-left: 44px;
}
.pre-qrcode{
    position: absolute;
    top: 0;
    width: 129px;
    height: 129px;
    line-height: 130px;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding-top: 11px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    margin-left: -44px;
    transition: all 0.6s;
    transform: translatey(-100px);
    opacity:0;
    pointer-events: none;
}
.pre-qrcode:before{
    content: '';
    display: block;
    position: absolute;
    border-top: 10px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -10px;
    left: 57px;
    z-index: 2;
}
.pre-qrcode:after{
    content: '';
    display: block;
    position: absolute;
    border-top: 11px solid #d8d8d8;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -11px;
    left: 56px;
    z-index: 1;
}
.pre-qrcode-wrap:hover .pre-qrcode,.pre-qrcode.hover{
    opacity: 1;
    transform: translatey(-150px);
}
@media screen and (max-width:768px){
.pre-qrcode-wrap{
display:none;
}
}

</style>
<script src='js/jquery.qrcode.min.js'></script>
<script>
$(function () {
 $('body').append('<div class="pre-qrcode-wrap"><span class="textspan">预览手机端</span><div id="preQrcode" class="pre-qrcode hover"></div></div>');
  $('#preQrcode').qrcode({
      width: 108,
      height: 108,
      text: window.location.href
    }) 
   $(document).on('scroll',function(){
$('#preQrcode').removeClass('hover');

})



});
</script>
<script>
  window.productImage='53f649ffe2931e0b91000007/noimage.png';
  window.vendorImage='578fc93402282e4f18000003/noimage.png';
  window.iconImage='57acb51702282e3f00000003/noimage.ico';
  window.shareImage='57acb53a02282e3f00000007/noimage.png';
  window.assetPath='http://asset.ibanquan.com/image/';
  window.postImage='581a3b0402282e2bcc000003/s.png';
  window.captchaPath = 'http://captcha.ibanquan.com';
  window.ajaxToken='9dd5934c294149a8aaba5a3540d7f709';
</script>
<script>(function(){var yt = document.createElement('script');yt.src = 'js/tracker-0.0.2.min.js?v=158';var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(yt, s);})();</script>
</head>
<body class=" ">
  <!-- 社交分享图 (300x300) -->
  <img class="you_share_img" src="http://asset.ibanquan.com/image/57acb53a02282e3f00000007/s.png?v=0" alt="抹茶">
  <!-- End 社交分享图 -->
  <div class="page settings-body_background yhsd_free_scope" id='top'>
    <div class="wrapper wrapper-header settings-head_background" id="wrapper_header">
      <div class="cont settings-head_background">
        <strong class="mod logo settings-text_color">
          <a class="logo-link settings-h1_color" href="/">
            
            <img src="http://asset.ibanquan.com/asset/58a427060dd76c0ce4000f6e/logo?v=1487152902" alt="花叶"/>
            
          </a>
        </strong>
        <a id="nav_mobile" class="nav-link-mobile" href="javascript:void(0);">
            <span></span><span></span><span></span>
          </a>
        <div class="mod header">
          <div class="nav-inner-right">
          <a id="customer-item1" class="header-link settings-top_color" href="/account/login">登录</a>
          <span class="header-link settings-top_color">|</span>
          <a id="customer-item2" class="header-link settings-top_color" href="/account/register">注册</a>
        </div>
          <div id="yhsd_topCart_show" class="header-cart">
            <span class="main-ico main-ico-cart iconfont settings-top_color"></span><span class="topCart-quantity settings-top_color" id="yhsd_topCart_quantityTitle"></span>
          </div>
        </div>
        <!-- .顶部购物车 -->
        <div class="topCart settings-body_background settings-main_border" id="yhsd_topCart">
          <ul id="yhsd_topCart_list"></ul>
          <div class="topCart-summary">
            <p class="topCart-total settings-text_color"><span id="yhsd_topCart_quantity"></span>件商品　总计:<span class="settings-price_color">￥<span id="yhsd_topCart_totalPrice"></span></span></p>
            <a class="topCart-submit settings-buyBtn_color settings-buyBtn_background" href="/cart">去结算</a>
          </div>
        </div>
      </div>
    </div>
  <div class="wrapper wrapper-nav settings-nav_background" id="wrapper_nav">
    <div class="nav-sublink has-ad settings-navSub_background settings-nav_sublink_border settings-main_border ">
      <div class='nav-fix-width'>
        <ul class='settings-navSub_background has-ad-left'></ul>
        
        
        
        
        <div class="wrapper wrapper-proList">
          <div class="cont">
            <div class="mod proList">
              <div class="proList-inner">
                
                <ul class="proList-ul clearfix proList-count-4 lazyload_scope">
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000001" target="_blank" title="抹茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41e2e0dd76c0ce4000ef8/s_w330h330.png?v=1487150638" alt="抹茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000001" title="抹茶" target="_blank">抹茶</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">独特的甜味和独特的饮用茶。茶叶采摘块由20天阳光直射前四周，豪华茶掏出茶在你不依靠太阳的光香味成分。</span>
     -->
    <span class="proList-price">￥99.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000004" target="_blank" title="玄米茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41ea2b1b95701b900102c/s_w330h330.png?v=1487150754" alt="玄米茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000004" title="玄米茶" target="_blank">玄米茶</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">高山、流水、云雾滋养、天然、健康</span>
     -->
    <span class="proList-price">￥120.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000010" target="_blank" title="三木茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41f17b1b95701b9001038/s_w330h330.png?v=1487150871" alt="三木茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000010" title="三木茶" target="_blank">三木茶</a>
  <div class="proList-desc">
<!--      -->
    <span class="proList-price">￥128.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000002" target="_blank" title="红茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41e6f3f8f9075790010ac/s_w330h330.png?v=1487150704" alt="红茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000002" title="红茶" target="_blank">红茶</a>
  <div class="proList-desc">
<!--      -->
    <span class="proList-price">￥89.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000006" target="_blank" title="绿茶点心">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41ee19bedc4778c00105d/s_w330h330.png?v=1487150818" alt="绿茶点心" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000006" title="绿茶点心" target="_blank">绿茶点心</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">味道和和糖果适度的甜味，不与玉露，风味干扰，如很好地在口中融化</span>
     -->
    <span class="proList-price">￥18.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000008" target="_blank" title="抹茶饼干">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41f06b1b95701b9001034/s_w330h330.png?v=1487150854" alt="抹茶饼干" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000008" title="抹茶饼干" target="_blank">抹茶饼干</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">味道和和糖果适度的甜味，不与玉露，风味干扰，如很好地在口中融化</span>
     -->
    <span class="proList-price">￥18.00</span>
    
  </div>
</li>
                  
                </ul>
                
              </div>
            </div>
          </div>
        </div>
        
        
        
        
      </div>
    </div>
    <div class="cont">
      <div class="mod nav">
        <div class="nav-inner">
          <!-- 一级菜单 -->
<ul id="top-nav-link" class="nav-link clearfix">
  <li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908895" href="/" >首页</a>
  <!-- 二级菜单 -->
  
</li><li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908896" href="/products" >所有产品</a>
  <!-- 二级菜单 -->
  
</li><li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908897" href="javascript:void(0);" >茶的种类<i class="iconfont hoverhidden">&#xe601;</i><i class="iconfont hovershow">&#xe625;</i></a>
  <!-- 二级菜单 -->
  
  <div class="nav-sublink">
    <ul class="settings-main_border settings-navSub_background" id="navlink_908897_sub">
      
      <li class="settings-navSub_background">
        <a class="settings-navSubLink_color" id="navlink_908897_sub_908898" href="/products" >绿茶</a>
        
        <!-- 三级菜单 -->
        <ul class="thirdmenu">
          
          <li class="thirdmenuli settings-navSub_background settings-navSubHover_background">
            <a class="thirdmenudes settings-navSubLink_color settings-navSubLinkHover_color" id="navlink_908897_sub_908898_sub_908899" href="javascript:void(0);" >茶叶</a>
          </li>
            
        </ul>
      </li>
      
      <li class="settings-navSub_background">
        <a class="settings-navSubLink_color" id="navlink_908897_sub_908900" href="/products" >红茶</a>
        
        <!-- 三级菜单 -->
        <ul class="thirdmenu">
            
        </ul>
      </li>
      
      <li class="settings-navSub_background">
        <a class="settings-navSubLink_color" id="navlink_908897_sub_908901" href="/products" >混合茶</a>
        
        <!-- 三级菜单 -->
        <ul class="thirdmenu">
            
        </ul>
      </li>
      
      <li class="settings-navSub_background">
        <a class="settings-navSubLink_color" id="navlink_908897_sub_908902" href="/products" >健康茶</a>
        
        <!-- 三级菜单 -->
        <ul class="thirdmenu">
            
        </ul>
      </li>
      
    </ul>
  </div>
  
</li><li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908903" href="/blogs" >品牌故事</a>
  <!-- 二级菜单 -->
  
</li><li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908904" href="/posts" >茶文化</a>
  <!-- 二级菜单 -->
  
</li>
</ul>
        </div>
        <a id="yhsd-header-search" href="javascript:void(0);" class="header-search-ico">
            <span class="main-ico main-ico-search iconfont settings-top_color"></span>
          </a>
          <div id="yhsd-header-search-ipt" class="header-search">
            <input class="search-ipt settings-ipt_border" type="text" placeholder="搜索你喜欢的宝贝" />
          </div>           
      </div>
    </div>

  </div>

  <div class='product-detail'>
  <div class="wrapper ">
    <div class="cont">
      <div class="mod breadcrumb">
        <div class="breadcrumb-inner settings-main_border txt-overflow settings-text_color">
          <a class="settings-link_color" href="http://huaye.theme.yurl.vip" title="花叶">首页</a><span class="breadcrumb-split">&gt;</span><a class="settings-link_color" href="/products/" title="所有商品">所有商品</a><span class="breadcrumb-split">&gt;</span><span class="breadcrumb-current">抹茶</span>
        </div>
      </div>
    </div>
  </div>
  <div class="wrapper wrapper-buy">
    <div class="cont">
      <div class="mod pro-detail">
        <div class="pro-detail-inner clearfix">
          <div class="pro-detail-left">
            <div class="pro-detail-gallery clearfix">
              <div class="pro-detail-gallery-main settings-proPic_border">
                <a href="http://asset.ibanquan.com/image/58a41e2e0dd76c0ce4000ef8/s.png?v=1487150638" data-zoom-image="http://asset.ibanquan.com/image/58a41e2e0dd76c0ce4000ef8/s.png?v=1487150638">
                  <img src="http://asset.ibanquan.com/image/58a41e2e0dd76c0ce4000ef8/s_w453h453.png?v=1487150638" alt="抹茶" />
                  <span></span>
                </a>
                
                
                
                
                <a style="display:none" href="http://asset.ibanquan.com/image/58a5480e0dd76c0ce400128e/s.png?v=1487226895" data-zoom-image="http://asset.ibanquan.com/image/58a5480e0dd76c0ce400128e/s.png?v=1487226895">
                  <img src="http://asset.ibanquan.com/image/58a5480e0dd76c0ce400128e/s_w453h453.png?v=1487226895" alt="抹茶-2" />
                  <span></span>
                </a>
                
                
                
                <a style="display:none" href="http://asset.ibanquan.com/image/58a5480fb1b95701bb0013d2/s.jpeg?v=1487226895" data-zoom-image="http://asset.ibanquan.com/image/58a5480fb1b95701bb0013d2/s.jpeg?v=1487226895">
                  <img src="http://asset.ibanquan.com/image/58a5480fb1b95701bb0013d2/s_w453h453.jpeg?v=1487226895" alt="抹茶-3" />
                  <span></span>
                </a>
                
                
              </div>
              <div class="pro-detail-gallery-list"></div>
            </div>
            
          </div>
          <!-- 产品规格选择 Start -->
          <div class="pro-detail-cnt settings-text_color you_comment-target-stat" id="yhsd_variantSelector" data-variantId="0">
            <h1 class="pro-detail-title settings-proTitle_color">抹茶</h1>
            
            <div class="pro-detail-short_desc settings-desc_color">独特的甜味和独特的饮用茶。茶叶采摘块由20天阳光直射前四周，豪华茶掏出茶在你不依靠太阳的光香味成分。</div>
            
            <div class="pro-detail-desc" id="yhsd_productDiscount"></div>
            <div class="pro-detail-price"><strong class="pro-detail-uprice settings-price_color">￥<span id="yhsd_variantSelector_price">99.00</span></strong><span class="pro-detail-sold">已售出<span id="yhsd_variantSelector_sale">0</span>件</span></div>
            <div class="pro-detail-sub settings-main_border" id="yhsd_variantSelector_optionShow"></div>
            <div class="pro-detail-quantity">
              <h3>选择数量</h3>
              <div class="pro-detail-quantity-inner">
                <a class="pro-detail-quantity-d settings-main_border settings-desc_color" href="javascript:void(0);" id="yhsd_variantSelector_reduce">-</a>
                <a class="pro-detail-quantity-a settings-main_border settings-desc_color" href="javascript:void(0);" id="yhsd_variantSelector_add">+</a>
                <input class="pro-detail-quantity-ipt settings-main_border" type="text" value="1" id="yhsd_variantSelector_count" />
                <div class="pro-detail-quantity-desc">件<span>（库存<span id="yhsd_variantSelector_stock">133</span>件）</span></div>
              </div>
            </div>
            <div class="pro-detail-addBtn">
              <a class="pro-detail-addCart settings-buyBtn_background settings-buyBtn_color" href="javascript:void(0);" id="yhsd_variantSelector_addCart">加入购物车</a>
              <div class="pro-detail-addSucc settings-main_border settings-text_color settings-body_background" id="yhsd_variantSelector_addSucc">
                <strong>添加成功！</strong>
                <a class="pro-detail-addSucc-goCart settings-buyBtn_background settings-buyBtn_color" href="/cart">去购物车结算</a>
                <a class="pro-detail-addSucc-close settings-link_color" href="javascript:void(0);" id="yhsd_variantSelector_addSuccClose">关闭</a>
              </div>
            </div>
          </div>
          <!-- 产品规格选择 End -->
        </div><!-- .pro-detail-inner -->
      </div>
    </div>
  </div>
  <div class="wrapper product">
    <div class="cont clearfix">
      <div class="mod pro-detail">
      <div class="product-content">
          <div class="pro-desc">
            <div class="pro-desc-inner lazyload_scope you_comment-target-list you_comment-target-tab">
              
              <div></div>
<div><img src="http://asset.ibanquan.com/image/58a523b63f8f907579001409/s.jpeg?v=1487217590" /></div>
<div></div>
<div><img src="http://asset.ibanquan.com/image/58a547f13f8f907579001454/s.png?v=1487226865" style="display: block; margin-left: auto; margin-right: auto;" /></div>
<div><img src="http://asset.ibanquan.com/image/58a547f89bedc4778c0013cf/s.jpeg?v=1487226872" style="display: block; margin-left: auto; margin-right: auto;" /></div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<link href='http://asset.ibanquan.com/middle/31648/c/427/591404a40689871fa5002cb3/baguettebox.css?v=1500982137_1494484132' media='screen' rel='stylesheet' type='text/css' />
<script src='http://asset.ibanquan.com/middle/31648/c/427/591404a40689871fa5002cb6/baguettebox.js?v=1500982137_1494484132' type='text/javascript'></script>
<script src='http://asset.ibanquan.com/middle/31648/c/427/591404a50689871fa5002cbc/elevate_zoom.min.js?v=1500982137_1494484133' type='text/javascript'></script>

<script>
// 当前商品
window.CurrentProduct = {"page_desc":"","price":9900,"options":[],"images":[{"image_id":"58a41e2e0dd76c0ce4000ef8","id":"58a41e2e0dd76c0ce4000ef8","image_name":"web.png","name":"web.png","image_epoch":"1487150638","epoch":"1487150638","width":500,"height":500,"alt":"","position":1,"src":"http://asset.ibanquan.com/image/58a41e2e0dd76c0ce4000ef8/s.png?v=1487150638"},{"image_id":"58a5480e0dd76c0ce400128e","id":"58a5480e0dd76c0ce400128e","image_name":"web.png","name":"web.png","image_epoch":"1487226895","epoch":"1487226895","width":252,"height":240,"alt":"","position":2,"src":"http://asset.ibanquan.com/image/58a5480e0dd76c0ce400128e/s.png?v=1487226895"},{"image_id":"58a5480fb1b95701bb0013d2","id":"58a5480fb1b95701bb0013d2","image_name":"web.jpeg","name":"web.jpeg","image_epoch":"1487226895","epoch":"1487226895","width":300,"height":190,"alt":"","position":3,"src":"http://asset.ibanquan.com/image/58a5480fb1b95701bb0013d2/s.jpeg?v=1487226895"}],"content_id":"58a41df30dd76c0ce000112a","created_at":"2017-02-15 17:22:59 +0800","feature_image":{"id":"58a41e2e0dd76c0ce4000ef8","image_id":"58a41e2e0dd76c0ce4000ef8","image_name":"web.png","name":"web.png","image_epoch":"1487150638","epoch":"1487150638","alt":"","position":1,"src":"http://asset.ibanquan.com/image/58a41e2e0dd76c0ce4000ef8/s.png?v=1487150638","width":500,"height":500},"short_desc":"独特的甜味和独特的饮用茶。茶叶采摘块由20天阳光直射前四周，豪华茶掏出茶在你不依靠太阳的光香味成分。","page_keywords":"","metas":{},"mobile_content_html":"","share_desc":"","mobile_html_id":"","compare_price_min":0,"price_min":9900,"compare_price_varies":false,"page_url":"/products/p000001","compare_price_max":0,"content":"58a41df30dd76c0ce000112a","price_varies":false,"page_title":"抹茶","share_title":"","id":937456,"variants":[{"id":4414074,"option_1":"","option_2":"","option_3":"","stock":133,"price":9900,"compare_price":0,"weight":0,"volume":0,"barcode":"","stock_type":"B","options":[],"metas":{},"sale":0,"feature_image":null}],"price_max":9900,"available":true,"handle":"p000001","share_image":{},"sale":0,"view_count":"0","vendor":{"name":"西湖","sub_name":"","handle":"v000001","introduce":"","page_title":"","page_keywords":"","page_desc":"","page_url":"/vendors/v000001","view_count":0,"share_title":"","share_desc":"","share_image":{},"image":{}},"content_html":"\u003cdiv\u003e\u003c/div\u003e\n\u003cdiv\u003e\u003cimg src=\"http://asset.ibanquan.com/image/58a523b63f8f907579001409/s.jpeg?v=1487217590\" /\u003e\u003c/div\u003e\n\u003cdiv\u003e\u003c/div\u003e\n\u003cdiv\u003e\u003cimg src=\"http://asset.ibanquan.com/image/58a547f13f8f907579001454/s.png?v=1487226865\" style=\"display: block; margin-left: auto; margin-right: auto;\" /\u003e\u003c/div\u003e\n\u003cdiv\u003e\u003cimg src=\"http://asset.ibanquan.com/image/58a547f89bedc4778c0013cf/s.jpeg?v=1487226872\" style=\"display: block; margin-left: auto; margin-right: auto;\" /\u003e\u003c/div\u003e","types":[{"handle":"t000001","name":"抹茶"},{"handle":"t000002","name":"红茶"},{"handle":"t000003","name":"混合茶"},{"handle":"t000004","name":"小食"},{"handle":"t000005","name":"绿茶"}],"name":"抹茶"};
// LightBox 设置（解决 IE7-8 BUG 用 setTimeout）
setTimeout(function() {
  try {
    baguetteBox.run('.pro-detail-gallery-main', {
        captions: true,       // true|false - Display image captions
        buttons: 'auto',      // 'auto'|true|false - Display buttons
        async: false,         // true|false - Load files asynchronously
        preload: 2,           // [number] - How many files should be preloaded from current image
        animation: 'slideIn'  // 'slideIn'|'fadeIn'|false - Animation type
      });
  } catch(err) {
    $('.pro-detail-gallery-main>a').on('click',function(e) {
      e.preventDefault();
    });
    delete Array.prototype.filter;
    delete Array.prototype.forEach;
  }
}, 0);
// 鼠标放大镜
$(document).ready(function() {
  var env, elevateZoomOpt, setElevateZoom;
  env = {
    ie8: !document.addEventListener
  }
  bIsMobile = $('body').hasClass('is_mobile');
  if (!bIsMobile && !env.ie8) {
    elevateZoomOpt = {
      zoomWindowWidth: 453,
      zoomWindowHeight: 453 - 1,
      zoomWindowOffetx: 10,
      zoomWindowOffety: 0,
      zoomEnabled: true,
      borderSize: 1,
      borderColour: "#ccc",
      lensBorderColour: "#aaa",
      cursor: "crosshair"
    }
    elevateZoomOpt.onZoomedImageLoaded = function() {
      var size = $('.zoomWindowContainer .zoomWindow').css('background-size').replace(/px/g, '').split(' ');
      if (size[0] <= elevateZoomOpt.zoomWindowWidth || size[1] <= elevateZoomOpt.zoomWindowHeight) {
        $('.zoomContainer').remove();
      }
    }
    setElevateZoom = function() {
      $('.zoomContainer').remove();
      $('.pro-detail-gallery-main > a:visible').elevateZoom(elevateZoomOpt);
    }
    yhsd.ready(function(sdk){
      sdk.events.subscribe('variantSelector.featureImage', function(){
        setElevateZoom();
      });
    });
    setTimeout(function(){
      $('.pro-detail-gallery-list > a').on('mouseenter', function(evt) {
        setElevateZoom();
      });
      setElevateZoom();
    }, 500);
  };
});

goodsShow = {
  conf: {
    className     : '',
    title         : '猜你喜欢',
    from          : 'type',    // type || vendor
    fromName      : '',
    nowProID      : '',
    size          : 5,
    appendToClass : '',
    prependToClass: 'pro-desc-inner'
  },
  init: function(conf) {
    var self, confItem, run, getData, setGoodsShow, insertCSS, tplEngine, parseHTML, rule, tpl, xNum;

    self = this;
    conf = conf || {};

    for (confItem in self.conf) {
      conf[confItem] = conf[confItem] || self.conf[confItem];
    }

    rule = '' +
    '.goods_show {' +
    '  margin-bottom: 60px;' +
    '}' +
    '.goods_show .proList-ul li {' +
    '  margin-bottom: 20px;' +
    '}' +
    '.goods_show-title {' +
    '  font-size: 16px;' +
    '  margin: -20px 0 15px;' +
    'font-weight:bold'+
    '}';

    tpl  = '' +
    '<div class="proList settings-main_border goods_show <% this.className %>">' +
    '  <div class="goods_show-title settings-text_color"><% this.title %></div>' +
    '  <div class="proList-inner">' +
    '    <ul class="proList-ul clearfix proList-count-5">' +
    '<% for(var _i = 0; _i < this.goods.length; ++_i) {' +
    'var _item = this.goods[_i]; %>' +
    '      <li>' +
    '        <a class="proList-img settings-proPic_border" href="<% _item.page_url %>" target="_blank" title="<% _item.name %>">' +
    '          <img src="<% _item.feature_image_url %>" alt="<% _item.name %>" />' +
    '        </a>' +
    '        <a class="proList-name settings-proTitle_color txt-overflow" href="<% _item.page_url %>" title="<% _item.name %>" target="_blank"><% _item.name %></a>' +
    '        <div class="proList-desc">' +
    '          <span class="proList-price settings-price_color">￥<% _item.price %></span>' +
    '        </div>' +
    '      </li>' +
    '<% } %>' +
    '    </ul>' +
    '  </div>' +
    '</div>';

    if (!conf.fromName) {
      if (conf.from == 'type') {
        conf.fromName = window.CurrentProduct[conf.from + 's'][0];
      } else {
        conf.fromName = window.CurrentProduct[conf.from]['name'];
      }
      conf.nowProID = window.CurrentProduct.handle;
    };

    getData = function(conf) {
      var apiConf;
      if (conf.from == 'type') {
        apiConf = { type: conf.fromName.name }
      } else {
        apiConf = { vendor: conf.fromName.name }
      };
      yhsd.ready(function(sdk) {
        sdk.product.get(apiConf, function(req){
          if (req.res.code == 200) {
            setGoodsShow(sdk, req.res.products);
          };
        });
      });
    }

    setGoodsShow = function(sdk, data) {
      var newData, html, newDom, prependDom, appendDom, firstChild;

      newData = {
        className: conf.className,
        title    : conf.title,
        size     : conf.size,
        goods    : []
      };

      var markNum = {};  // 提到外面后没验证
      if (data.length - 1 >= conf.size) {
        var opt_1 = {
          range: [0, data.length - 1]
        }
        // var markNum = {};
        var currentNum = null;
        var i_1 = 0;

        while (i_1 < conf.size) {
          currentNum = xNum(opt_1);
          if ( (typeof markNum[currentNum] == 'undefined') && (conf.nowProID != data[currentNum].handle) ) {
            markNum[currentNum] = currentNum;
            i_1 += 1;
          }
        }
      };

      var i, j, len, item;

      for (i = j = 0, len = data.length; j < len; i = ++j) {
        if (newData.goods.length == conf.size) {
          break;
        }
        if ( ((len <= conf.size) || (typeof markNum[i] != 'undefined')) && (conf.nowProID != data[i].handle) ) {
          item = data[i];
          newData.goods.push({
            page_url         : item.page_url,
            name             : item.name,
            feature_image_url: sdk.util.getImageUrl(item.feature_image.image_id, item.feature_image.image_name, '330x330', item.feature_image.image_epoch),
            price            : (item.price * 0.01).toFixed(2)
          });
        }
      }

      html   = tplEngine(tpl, newData);
      newDom = parseHTML(html);

      insertCSS(rule);

      if (conf.appendToClass) {
        appendDom = document.querySelector('.' + conf.appendToClass);
        if (appendDom) {
          appendDom.appendChild(newDom);
        };
      };
      if (conf.prependToClass) {
        prependDom = document.querySelector('.' + conf.prependToClass);
        if (prependDom) {
          prependDom.insertBefore(newDom, prependDom.firstChild);
        };
      };
    }

    insertCSS = function(rule) {
      var elStyle, i, len, ref, results, style, styleCntr;
      elStyle = document.createElement('style');
      styleCntr = document.head || document.body;
      if (!document.addEventListener) {
        styleCntr.appendChild(elStyle);
        ref = document.styleSheets;
        results = [];
        for (i = 0, len = ref.length; i < len; i++) {
          style = ref[i];
          if (!style.href) {
            style.cssText = style.cssText + rule;
            break;
          } else {
            results.push(void 0);
          }
        }
        return results;
      } else {
        elStyle.textContent = rule;
        return styleCntr.appendChild(elStyle);
      }
    };

    tplEngine = function(tpl, data) {
      var reg = /<%([^%>]+)?%>/g, 
      regOut = /(^( )?(if|for|else|switch|case|break|{|}))(.*)?/g, 
      code = 'var r=[];\n', 
      cursor = 0;
      var add = function(line, js) {
        js? (code += line.match(regOut) ? line + '\n' : 'r.push(' + line + ');\n') :
        (code += line != '' ? 'r.push("' + line.replace(/"/g, '\\"') + '");\n' : '');
        return add;
      }
      while(match = reg.exec(tpl)) {
        add(tpl.slice(cursor, match.index))(match[1], true);
        cursor = match.index + match[0].length;
      }
      add(tpl.substr(cursor, tpl.length - cursor));
      code += 'return r.join("");';
      return new Function(code.replace(/[\r\t\n]/g, '')).apply(data);
    };

    parseHTML = function(html) {
      var eDiv = document.createElement('div');
      eDiv.innerHTML = html;
      return eDiv.childNodes[0];
    };

    xNum = function(opt) {
      return Math.round(Math.random()*(opt.range[1] - opt.range[0]) + opt.range[0]);
    }

    // Start
    if (conf.fromName) {
      getData(conf);
    };
  }
}

// Demo

// $(document).ready(function(){
//   var oRouteCustom = {};
//   oRouteCustom['index'] = function(path){
//     // Index Code
//   };
//   oRouteCustom['productDetail'] = function(path){
//     // Product Detail Code
//   };
//   $yhsd.route.init(oRouteCustom);
// });


// oRouteCustom Tags

// all : 所有页面
// index : 首页
// cart : 购物车
// acountIndex : 个人信息
// acountLogin : 登录
// acountRegister : 注册
// acountRegisterWithEmail : 注册 - 邮箱
// acountRegisterWithUsername : 注册 - 用户名
// acountRegisterWithMobile : 注册 - 手机号码
// acountChangePassword : 修改密码
// acountForgetPassword : 忘记密码
// acountResetPasswordWithEmail : 忘记密码 - 邮箱
// acountResetPasswordWithMobile : 忘记密码 - 手机号码
// acountReset : 重设密码
// acountValidateEmail : 邮箱注册成功 - 验证邮箱
// orderCreate : 创建订单
// orderAll : 订单列表
// orderDetail : 订单详情
// productAll : 所有商品
// productDetail : 商品详情
// discounts : 参加某个优惠活动的商品列表
// types : 拥有某个分类的商品列表
// vendors : 拥有某个品牌的商品列表
// search : 搜索结果
// page : 所有自定义页面
// blogAll : 所有博客
// blogDetail : 博客详情

</script>

<style>
  .zoomContainer {
    z-index: 999;
    pointer-events: none;
  }
</style>
<div id='tracecode'></div>

  <div class="wrap_full settings-footerBar_background">
    <div class="row">
      <!--     { if is_mobile_agent != 'is_mobile' } -->
      <div class="footer">
        <div class="footer--inner">
          <div class="footer-nav--wrap mobiledisplay">
            <div class="footer-nav settings-footerBar_color">
              <div class="footer-nav-list-wrap">
                
                <a class="footer-link settings-footer_text_color" href="https://youhaosuda.com/" >关于我们</a>
                    
                        <span class="footer-split settings-footer_text_color">|</span>
                    
                
                <a class="footer-link settings-footer_text_color" href="https://youhaosuda.com/case" >友情链接</a>
                    
                        <span class="footer-split settings-footer_text_color">|</span>
                    
                
                <a class="footer-link settings-footer_text_color" href="https://youhaosuda.com/about/contact" >联系我们</a>
                    
                
                <div class="footer-copyright settings-footerSimpleNavCop_color">
                粤ICP备12043194号 © 2017 youhaosuda.com
                </div>
            </div>
          </div>
        </div>
        <div class="footer--bar settings-footerBar_background settings-footerBar_color">
        <div class="footer--bar-cont">
          <div class="footer-cop_pay clearfix">           
            
            <div class="footer-payment settings-footerSimpleNavPay_color">
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-wechat_pay" title="微信支付"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-alipay" title="支付宝"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-baifubao" title="百度钱包"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-tenpay" title="财付通"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-99bill" title="快钱"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-offline_pay" title="货到付款"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-card_pay" title="银行卡"></i>
              
            </div>
            
          </div>
        </div>
      </div>
      </div>
      
    </div>
  </div>
</div>


<div class="wrapper wrapper-mobile_nav" id="mobile_menu">
  <div class="cont">   
    <div class="mod mobile_nav">
 	<!-- -->     
      <div class="mobile_nav_menu settings-nav_background">
        <!-- 一级菜单 -->
        <div class="mobile-search settings-m_search_background">
        <div id="yhsd-header-search-ipt" class="header-search">
        <input class="search-ipt settings-ipt_border" type="text" placeholder="搜索全店">
        </div>
        <a id="yhsd-header-search" href="javascript:void(0);" class="header-search-ico">
            <span class="main-ico main-ico-search iconfont settings-top_color"></span>
        </a>
      </div>
         <div class="slide-loginregister settings-searchmobil_border">
            <div class="slide-login settings-searchmobil_border">
                <a id="customer-item3" class="settings-sideLink_color" href="/account/login">登录</a>    
            </div>
            <div class="slide-register">
               <a id="customer-item4" class="settings-sideLink_color" href="/account/register">注册</a>   
            </div>
        </div>
        <ul class="nav-link clearfix">
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="/">首页
            
            </a>
            <!-- 二级菜单 -->
            
          </li>
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="/products">所有产品
            
            </a>
            <!-- 二级菜单 -->
            
          </li>
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="">茶的种类
            
              <div class="post-dir-btn dir_off">
                  <i class="main-ico main-ico-down"></i>
                  <i class="main-ico main-ico-up"></i>
              </div>
              
            </a>
            <!-- 二级菜单 -->
            
              <ul class="nav-sublink">
                
                <li>
                  <a class="settings-navLink_color txt-overflow" href="/products">绿茶
                  
                    <div class="post-dir-btn dir_off">
                        <i class="main-ico main-ico-down"></i>
                        <i class="main-ico main-ico-up"></i>
                    </div>
                    
                  </a>
                  
                  	<ul class="nav-endlink setting-main_border">
                    
                      	<li>
                        	<a class="settings-navLink_color txt-overflow" href="">茶叶</a>
                      	</li>
                    
                  	</ul>
                  
                </li>
                
                <li>
                  <a class="settings-navLink_color txt-overflow" href="/products">红茶
                  
                  </a>
                  
                </li>
                
                <li>
                  <a class="settings-navLink_color txt-overflow" href="/products">混合茶
                  
                  </a>
                  
                </li>
                
                <li>
                  <a class="settings-navLink_color txt-overflow" href="/products">健康茶
                  
                  </a>
                  
                </li>
                
              </ul>
            
          </li>
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="/blogs">品牌故事
            
            </a>
            <!-- 二级菜单 -->
            
          </li>
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="/posts">茶文化
            
            </a>
            <!-- 二级菜单 -->
            
          </li>
          
        </ul>
      </div>
      <div class="mobile_nav_bg settings-nav_background" id="mobile_bg"></div>
 	<!-- -->  
    </div>
  </div>
</div>

<div class="wrapper wrapper-popup" id="yhsd-popup-wrap">
  <div class="cont">
    <div class="mod popup settings-body_background" id="yhsd-popup">
      <div class="popup-cont" id="yhsd-popup-cont"></div>
      <div class="popup-btn" id="yhsd-popup-btn"></div>
      <a class="popup-close" id="yhsd-popupClose" href="javascript:void(0)"><span class="aIco aIco-close"></span></a>
    </div>
  	<div class="mask"></div>
  </div>
</div>


</div>

<div id="go_top" class="clearfix go_top go_top-style-1">
  
    <a class="go_top-service" href="http://wpa.qq.com/msgrd?v=3&amp;uin=&amp;site=qq&amp;menu=yes" title="联系客服" target="_blank">
        <i class="iconfont-1 icon-qq1"></i>
        <span>QQ客服</span>
    </a>
    
  
    <a class=" go_top-service go_top-service-weixin" title="微信客服" href="javascript:void(0);">
        <i class="iconfont-1 icon-weixin1"></i>
        <span>微信客服</span>
    </a>
    
    <a id="go_top-go" class="go_top-btn go_top-go iconfont icon-shangjiantou" href="javascript:void(0);"></a>
</div>
<div class="weixin_sercice">
    <img src="http://asset.ibanquan.com/middle/31648/c/427/591404ad0689871fa5002d3a/weixin_sercice?v=1494484141" alt="微信客服二维码">
    
 </div> 
<style>
@media screen and (min-width:768px) {
  .go_top a:hover span {
    display: inline-block;
    font-size: 12px;
    width: 28px;
    line-height: 16px;
    margin-top: 8px;
}
  .go_top a:hover i {
    display: none;
}
}
</style>
<script>
  (function(){

    // 滚动监听
    var _elem = $(document);    // 滚动条所在元素
    var elem  = _elem[0]
    var _eTop = $('#go_top-go');   // Top 元素
    var _bodyOrHtml = $('html, body');
    var _weixinSercice = $('.weixin_sercice');

    // 兼容性
    if(navigator.userAgent.indexOf('Trident') > -1 || navigator.userAgent.indexOf('Firefox') > -1) {
      _elem = $(window)
      elem  = _elem[0]
      _bodyOrHtml = $('html')
    }

    // 显示处理
    var eventFn = function(e) {
      if (_elem.scrollTop() >= 1) {
        _eTop.fadeIn();
      } else {
        _eTop.fadeOut();
      }
    };
     // 微信二维码悬浮
    if ($(window).width() > 768) {
        $('.go_top-service-weixin').hover(function(){
          _weixinSercice.addClass('weixin_sercice_hover');
      },function(){
          _weixinSercice.removeClass('weixin_sercice_hover');
      });
    } else {
      $('.go_top-service-weixin').click(function () {
        _weixinSercice.toggleClass('weixin_sercice_hover')
      })
    }
    
    // 显示处理
    var eventFn = function(e) {
    if (_elem.scrollTop() >= 1) {
        _weixinSercice.addClass('weixin_sercice_position');
        _eTop.fadeIn();
    } 
    else {
        _weixinSercice.removeClass('weixin_sercice_position');
        _eTop.fadeOut();
    };  
    };


    // 绑定滚动事件
    _elem.scroll(eventFn);

    // 判断页面
    var isIndex = false;
    if ($('.index').size() > 0) {
      isIndex = true;
    };
    var isMobile = $('body').hasClass('is_mobile')

    // Top 按钮 绑定
    $('#go_top-go').click(function(e) {

      e.preventDefault();
      if (isIndex && !isMobile) {
        wheel.set(1);
      } else {
        _bodyOrHtml.animate({scrollTop:0}, 618);
      }
    });
  })();
</script>


<script src='js/yhsd-desktop-170719.min.js?v=158' type='text/javascript'></script>
<script src='js/youpage.min.js?v=158' type='text/javascript'></script>
<script src='js/main.js?v=1500982137_1494484138' type='text/javascript'></script>
<script src='js/user.js?v=1500982137_1494484141' type='text/javascript'></script>
<script src='js/img_zoom.min.js?v=158' type='text/javascript'></script>
</body>
</html>
